html,body{ margin:0;padding:0;border:0;  }
body,div,img, p,span,ul,li,p,h1,h2{ font-size:12px; margin:0; padding:0; border:0; list-style:none;  }
img,input,select{ vertical-align:middle; font-size:12px; font-family:Arial, Helvetica, sans-serif}
 
a:link{ color:#000000; text-decoration:none; }
a:visited{ color:#000000;text-decoration:none} 
a:hover{ color:#ff5904;text-decoration:none}
a:active{ color:#000000;text-decoration:none} 

.mt5{ margin-top:5px}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.mt30{ margin-top:30px}
.mt50{ margin-top:50px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}

.pb30 { padding-bottom:30px; }

.font14 { font-size:14px;  }
.font16 { font-size:16px;  }
.font18 { font-size:18px;  }
.font20 { font-size:20px;  }


.lineheight20 { line-height:20px;  }
.lineheight24 { line-height:24px;  }
.lineheight28 { line-height:28px;  }
.lineheight30 { line-height:30px;  }
 
.center{ text-align:center; overflow:hidden; }
.clear{ clear:both; height:0; line-height:0; font-size:0; overflow:hidden; }
.fl{ float:left}
.fr{ float:right}
.btn{ width:48px; height:25px; background:url(../images/button.jpg) no-repeat center; border:none; vertical-align:middle; cursor:pointer;}

body { background:#FFFFFF;  font-family:"微软雅黑"; background:url(../Images/topbg.jpg) no-repeat center top; }

.header{height:42px; line-height:42px; text-align:right; background-color:#252525}
    .header .box {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
    .header .btn {
       border-radius:4px;
        color: #ffffff;
        font-size: 14px; border:#ffffff 1px solid; padding:3px 10px; margin-right:8px;
    }
        .header .btn:hover {
            color: #0098e2;
            border: #0098e2 1px solid;
        }

        .main {
            margin-left: auto;
            margin-right: auto;
        }

.slide { max-width:1920px; height:600px; margin-left:auto; margin-right:auto; position:relative; overflow:hidden;}
 
.border { border:#EFEFEF 1px solid}

.webtitle { height:90px; line-height:90px; background:url(../Images/titlebg.png) no-repeat center bottom; font-size:32px; color:#0098e2; text-align:center; margin-top:30px; }
.webtitle2 { height:90px; line-height:90px; background:url(../Images/titlebg2.png) no-repeat center bottom; font-size:32px; color:#0098e2; text-align:center; }
.subtext { font-size:16px; color:#999999; text-align:center; height:30px; margin-top:10px;  } 


.fullimage { text-align:center; overflow:hidden; min-width:1200px; max-width:1920px; margin-left:auto; margin-right:auto}
.fullimage img { height:100%; display:inline }

.fulltext { text-align:center; }

 
.banner {  height:115px; margin-left:auto; margin-right:auto; border-bottom:#eeeeee 1px solid; position:absolute; top:0;  left:0px; right: 0px; margin:auto; z-index:999}
.banner .content { width:1200px; margin-left:auto; margin-right:auto;  }
.banner .content .logo { float:left; }
.banner .content ul { width:900px; float:right;  }
.banner .content ul li { height:115px; line-height:125px; width:125px; float:left; text-align:center; }

.banner .content ul li a { height:107px; line-height:125px; width:90px; display:block; text-decoration:none; color:#FFFFFF; font-size:18px; }
.banner .content ul li a:hover { color:#ff5904;  /*border-bottom:#6cbb63 8px solid;*/ }
.banner .content ul li a.current { border-bottom:#6cbb63 8px solid;  }

.banner .content ul.sub a {  color:#666666 }


.bu {   height:120px; margin-left:auto; margin-right:auto;  background:#333333;}
.bu ul { width:1200px; margin-left:auto; margin-right:auto; }
.bu ul li { height:90px; width:238px; float:left; padding-top:30px; color:#FFFFFF; border-right:#FFFFFF 1px solid; position:relative;    }

.bu ul li.bu01 { background:url(../Images/bu01.png) no-repeat left top;  border-left:#FFFFFF 1px solid; }
.bu ul li.bu02 { background:url(../Images/bu02.png) no-repeat left top; }
.bu ul li.bu03 { background:url(../Images/bu03.png) no-repeat left top; }
.bu ul li.bu04 { background:url(../Images/bu04.png) no-repeat left top; }
.bu ul li.bu05 { background:url(../Images/bu05.png) no-repeat left top; }

.bu ul li .title { font-size:18px; margin-left:90px; width:140px; z-index:100 }
.bu ul li .text { font-size:14px;  margin-left:90px; width:140px; margin-top:3px; z-index:100 }


.bu ul li .hoverbg { position:absolute; overflow:hidden;  left:0px; top:60px; height:0; width:240px; z-index:1; pointer-events:none; overflow:hidden; }
.bu ul li .hoverbg01 { background:url(../Images/home/yewu01.png) no-repeat top center; }
.bu ul li .hoverbg02 { background:url(../Images/home/yewu02.png) no-repeat top center; }
.bu ul li .hoverbg03 { background:url(../Images/home/yewu03.png) no-repeat top center; }
.bu ul li .hoverbg04 { background:url(../Images/home/yewu04.png) no-repeat top center; }
.bu ul li .hoverbg05 { background:url(../Images/home/yewu05.png) no-repeat top center; }

.bu ul li .hoverbg .blank { height:30px;  }


.solution { width:1200px; height:445px; margin-left:auto; margin-right:auto; margin-top:40px; border:#efefef 1px solid; -moz-box-shadow:0px 5px 10px #efefef; -webkit-box-shadow:0px 5px 10px #efefef; box-shadow:0px 5px 10px #efefef;}
.solution ul { width:1200px; float:right;  }
.solution ul li  { height:445px; width:300px; float:left; text-align:center;  position:relative; }
 
.solution ul li:hover > div { color:#0098e2 }

.solution ul li .hoverbg { position:absolute; overflow:hidden;  left:150px; top:222px; height:0; width:0; z-index:1; border:#4c95fe 1px solid; pointer-events:none; overflow:hidden; }
.solution ul li .hoverbg01 { background:url(../Images/home/solbg01.png) no-repeat top center; }
.solution ul li .hoverbg02 { background:url(../Images/home/solbg02.png) no-repeat top center; }
.solution ul li .hoverbg03 { background:url(../Images/home/solbg03.png) no-repeat top center; }
.solution ul li .hoverbg04 { background:url(../Images/home/solbg04.png) no-repeat top center; }
 
.solution ul li .top { background:#d2d2d2; height:140px; text-align:center; padding-top:20px; border-right:#FFFFFF 1px solid;  }
.solution ul li .content { text-align:center; padding-top:50px; color:#666666; width:235px; margin-left:auto; margin-right:auto; }
.solution ul li .content .title { font-size:26px;  }
.solution ul li .content .text { font-size:16px; line-height:25px; margin-top:15px;   }
.solution ul li .content .btn { margin-top:30px; height:40px; line-height:40px;  width:180px; border-radius:20px; background-color:#4c95fe; color:white; text-align:center; margin-left:auto; margin-right:auto; font-size:16px; z-index:200}
.solution ul li .content .btn:hover { background-color:white; color:#4c95fe; border:#4c95fe 1px solid }
.btn-h { z-index:200}

.solution ul li a { height:107px; line-height:115px; width:90px; display:block; text-decoration:none; color:#FFFFFF; font-size:18px; }
.solution ul li a:hover { color:#ff5904 }
.solution ul li a.current { border-bottom:#6cbb63 8px solid;  }

 
.pinpai { width:1200px; height:445px; margin-left:auto; margin-right:auto; margin-top:40px; }
.pinpai ul { width:1200px; float:right; height:520px; overflow:hidden; }
.pinpai ul li { height:190px; width:240px; float:left; text-align:center; }
.pinpai ul li .pic { width:225px; border:#efefef 1px solid;  -moz-box-shadow:0px 5px 10px #efefef; -webkit-box-shadow:0px 5px 10px #efefef; box-shadow:0px 5px 10px #efefef; transform-style:preserve-3d; overflow:hidden }
.pic,.front,.back { width:225px; height:126px;}
.front,.back { position:absolute; top: 0px; left: 0px; backface-visibility:hidden;}
.flip { position:relative; transition:0.6s; transform-style:preserve-3d;}
.flip .front { z-index:2; }
.flip .back { transform:rotateY(-180deg); }
.pinpai ul li .pic:hover .flip { transform:rotateY(180deg); }

 
.pinpai ul li .pic figcaption {   }
.pinpai ul li .pic figcaption img { margin-left:-20px; margin-top:-20px; }
.pinpai ul li .pic figcaption h3 { font-size:23px; text-align:center; font-weight:normal; height:35px; margin-top:15px; }
.pinpai ul li .pic figcaption p { font-size:16px; line-height:25px; margin-top:10px;  }


.homenews { width:1200px; margin-left:auto; margin-right:auto; margin-top:40px; }
.homenews .col { width:600px; height:415px; float:left;  }
.homenews .col .title { font-size:24px; height:60px; line-height:60px; color:#0098e2; text-align:center; }
.homenews .col .title a { font-size:24px; color:#0098e2; }

.homenews .col .list01 { }
.homenews .col .list01 ul { }
.homenews .col .list01 ul li { height:115px;  width:600px; border-bottom:#e5e5e5 1px solid; }
.homenews .col .list01 ul li .date { width:75px; float:left; height:80px; font-size:20px; text-align:center; padding-top:25px; color:#989898 }
.homenews .col .list01 ul li .detail { width:510px; float:left; height:120px;  }
.homenews .col .list01 ul li .detail .newstitle { height:45px; line-height:45px; font-size:18px;  color:#646464; overflow:hidden; }
.homenews .col .list01 ul li .detail .newstitle a { color:#646464 }
.homenews .col .list01 ul li .detail .newstitle a:hover { color:#0098e2 }
.homenews .col .list01 ul li .detail .newscontent { height:50px; line-height:25px; font-size:14px; overflow:hidden; color:#919191 }

.homenews .col .list02 { }
.homenews .col .list02 ul { }
.homenews .col .list02 ul li { height:35px; line-height:35px;  width:590px; color:#999999; background:url(../Images/dot.png) no-repeat left; background-position:13px 12px;  padding-left:32px; overflow:hidden; }
.homenews .col .list02 ul li a { font-size:14px; float:left; max-width:415px; overflow:hidden; }
.homenews .col .list02 ul li a:hover { color:#0098e2 }
.homenews .col .list02 ul li span { font-size:14px; float:right;  width:110px; margin-right:5px; }
 
.container {  width:1200px; margin-left:auto; margin-right:auto; }

.graybg {  background:#f9f9f9; overflow:hidden;  }
.graybg2 {  background:#f2f2f2; overflow:hidden;  }
.graybg3 {  background:#999999; overflow:hidden;  }
.graybg4 {  background:#eeeeee; overflow:hidden;  }

.bluebg {  background:#208edd; overflow:hidden;  }

.bigtitle { height:300px; background:#f9f9f9 }
.bigtitle .leftpanel { width:320px; float:left;  }
.bigtitle .leftpanel .title01 { height:50px; line-height:50px; background:url(../Images/arrow.png) no-repeat right; color:#0098e2; font-size:34px; margin-top:80px; font-weight:bold;  }
.bigtitle .leftpanel .title02 { color:#0098e2; font-size:24px; margin-top:10px; }
.bigtitle .leftpanel .title03 { color:#999999; font-size:16px; margin-top:10px; }
.bigtitle .rightpanel { width:720px; float:right; line-height:28px; text-align:center;  color:#999999; margin-top:110px; font-size:16px; }

.bigtitle2 { height:260px; }
.bigtitle2 .leftpanel { width:320px; float:left;  }
.bigtitle2 .leftpanel .title01 { height:50px; line-height:50px; background:url(../Images/arrow2.png) no-repeat right; color:#0098e2; font-size:34px; margin-top:80px; font-weight:bold; }
.bigtitle2 .leftpanel .title02 { color:#0098e2; font-size:24px; margin-top:10px; }
.bigtitle2 .leftpanel .title03 { color:#999999; font-size:16px; margin-top:5px; }
 
.bigtitle3 { margin-top:50px }
.bigtitle3 .title01 { font-size:28px; text-align:center; }
.bigtitle3 .title02 { height:40px; line-height:40px; background:url(../Images/titlebg3.png) no-repeat center; color:#676767; font-size:18px; text-align:center; margin-top:10px; }

.bigtitle4 { margin-top:50px }
.bigtitle4 .title01 { font-size:28px; text-align:center; color:white; }
.bigtitle4 .title02 { height:40px; line-height:40px; background:url(../Images/titlebg4.png) no-repeat center; color:#676767; font-size:18px; text-align:center; margin-top:10px;  color:white; }

.bigtitle5 { margin-top:50px }
.bigtitle5 .title01 { font-size:28px; text-align:center; }
.bigtitle5 .title02 { height:40px; line-height:40px; background:url(../Images/titlebg5.png) no-repeat center; color:#676767; font-size:18px; text-align:center; margin-top:10px; }

.path { height:90px; line-height:90px; border-bottom:#EFEFEF 1px solid; width:1200px; margin-left:auto; margin-right:auto; }
.path .cate { width:780px; float:left; margin-top:25px;   }
.path .cate ul { height:40px;}
.path .cate ul li { width:175px; float:left; height:40px; line-height:40px;  }
.path .cate ul li a { width:150px; height:40px; display:block; text-align:center; color:#333333; font-size:16px;   }
.path .cate ul li a.sel { color:#0098e2; background:url(../Images/pathbg.png) no-repeat center; }
.path .route { width:320px; float:right; font-size:14px; color:#cccccc; text-align:right; padding-right:8px; }

.path2 { width:1200px;  margin-left:auto; margin-right:auto; height:30px; line-height:30px; font-size:14px; color:#999999; margin-top:30px; }

.subslide { height:440px; background:url(../Images/subnews.png) no-repeat center top; margin-top:118px;  }
.subslide2 { height:350px; background:url(../Images/subnewsdetail.jpg) no-repeat center top; margin-top:118px;  }
.subslide3 { height:350px; background:url(../Images/subslide01.png) no-repeat center top; margin-top:118px;  }
.subslide4 { height:440px; background:url(../Images/subslide04.png) no-repeat center top; margin-top:118px;  }

.newslist { width:1200px;  margin-left:auto; margin-right:auto; }
.newslist ul { }
.newslist ul li { height:225px;  }

.newslist ul li .content { height:180px;  border:#ffffff 1px solid;}
.newslist ul li .content:hover { border:#EFEFEF 1px solid;  -moz-box-shadow:1px 1px 3px #efefef; -webkit-box-shadow:1px 1px 3px #efefef; box-shadow:1px 1px 3px #efefef; }
.newslist ul li .content .date { width:120px; float:left; text-align:right; padding-right:20px; background:#37b4ec; color:#FFFFFF; height:180px;   }
.newslist ul li .content .date .day { font-size:45px; height:35px; margin-top:25px; }
.newslist ul li .content .date .month { font-size:12px; margin-top:20px; }
.newslist ul li .content .date .line { text-align:right;  }
.newslist ul li .content .date .cate { font-size:12px; margin-top:2px;}

.newslist ul li .content .detail { width:990px; float:left; margin-left:40px; }
.newslist ul li .content .detail .title { height:60px; line-height:60px; font-size:22px; color:#666666 }
.newslist ul li .content .detail .title a:hover { color:#0098e2 }
.newslist ul li .content .detail .text { line-height:25px; height:50px; overflow:hidden; font-size:14px;}
.newslist ul li .content .detail .info { float:left; color:#999999; margin-top:15px; } 
.newslist ul li .content .detail .more { float:right; } 
.newslist ul li .content .detail .more .btn { border:#0098e2 1px solid; height:40px; width:120px; text-align:center; color:#0098e2; font-size:14px; padding:8px 15px; }

.newsdetail { width:1200px;  margin-left:auto; margin-right:auto; }
.newsdetail .title { height:65px; line-height:65px; font-size:24px; }
.newsdetail .tag { height:50px; line-height:50px; font-size:14px;}
.newsdetail .info { height:25px; line-height:25px; color:#999999; font-size:14px; }

.links { margin-top:50px; line-height:26px; }
.links a { margin-right:10px; font-size:14px;  }
.links ul li { width:70px; float:left; height:30px; line-height:30px;  }

.newsdetail .content { line-height:25px; color:#333333; margin-top:20px; }
.newsdetail .prenext { height:90px; width:1200px; margin-left:auto; margin-right:auto; border-top:#eeeeee 1px solid; border-bottom:#eeeeee 1px solid; margin-top:20px;  }
.newsdetail .prenext .text { width:1000px; float:left; height:60px; line-height:30px;  margin-top:15px; font-size:14px;   }
.newsdetail .prenext .text p { font-size:14px;  }
.newsdetail .prenext .text a { font-size:14px;  }
.newsdetail .prenext .button { width:150px; float:right; margin-top:35px; text-align:right; }
.newsdetail .prenext .button .btn { border:#0098e2 1px solid; height:40px; width:120px; text-align:center; color:#0098e2; font-size:14px; padding:8px 15px;  }


.info { width:1200px;  margin-left:auto; margin-right:auto; }

.info .router { margin-top:30px;  }
.info .router ul li { width:130px; float:left;height:40px; line-height:40px; color:#7b7b79; border:#c1c1c1 1px solid; background-color:#e8f2ea; text-align:center; font-size:14px; }
.info .router ul li.line { width:38px; border:none; }
.info .router ul li.sel { background-color:#657984; color:white; }
.info .router ul li.sel a { color:white; }

.info .content { margin-top:30px; padding-bottom:30px; }
.info .content .title { border-bottom:#EFEFEF 1px solid; font-size:14px; font-weight:bold; height:35px; line-height:35px; margin-bottom:5px; margin-top:15px; }
.info .content p { text-indent:2em; font-size:14px; line-height:28px;  }

.footnews { margin-top:50px; width:1200px;  margin-left:auto; margin-right:auto; background-color:white; }
.footnews .title { height:50px; line-height:50px; color:#0099e3; font-size:18px;  }
.footnews .relatenews { width:890px; float:left; }
.footnews .relatenews ul li { height:35px; line-height:35px; width:440px; float:left; overflow:hidden }
.footnews .relatenews ul li a { font-size:14px;  }

.footnews .hotnews { width:280px; float:right; }
.footnews .hotnews ul li { height:35px; line-height:35px;  overflow:hidden; }

.footnews .hotnews ul li a { font-size:14px;  }
.footnews .hotnews ul li p.num { height:18px; line-height:18px; width:18px; text-align:center; background:#0098e2; color:white; float:left; margin-top:8px; }
.footnews .hotnews ul li p.title { font-size:14px; width:230px; float:left; height:35px; line-height:35px; padding-left:10px; }



/*全网营销*/
.bu02 {  margin-left:auto; margin-right:auto;  }
.bu02 .slide {  background:url(../Images/bu02/slide.jpg) no-repeat center top; height:560px; }

.bu02 .duoweidu { width:1200px; margin-left:auto; margin-right:auto; }
.bu02 .duoweidu ul { }
.bu02 .duoweidu ul li { width:300px; float:left; height:350px; text-align:center;   }
.bu02 .duoweidu ul li .pic {  position:relative; text-align:center; height:110px; }

.bu02 .duoweidu ul li .pic01 { position: absolute; width:105px; height:105px; left: 100px; top: 0; opacity: 1; filter: alpha(opacity=1); }

.bu02 .duoweidu ul li .pic02 { position: absolute;  width:105px; height:105px; left:100px; top: 0; opacity: 0; filter: alpha(opacity=0); overflow: hidden;  }

.bu02 .duoweidu ul li .title { height:30px; margin-top:25px; color:#333333; font-size:24px;}
.bu02 .duoweidu ul li .text { margin-top:15px;  color:#333333; font-size:16px; line-height:24px; }
.bu02 .duoweidu ul li:hover { cursor:pointer; }
.bu02 .duoweidu ul li:hover .pic01 {  opacity: 0; filter: alpha(opacity=0);  }
.bu02 .duoweidu ul li:hover .pic02 {  opacity: 1; filter: alpha(opacity=1);  }

.bu0201 .panel { width:1200px; margin-left:auto; margin-right:auto; }

.bu0201 .col { }
.bu0201 .col ul li { width:600px; float:left; }
.bu0201 .col ul li .img { text-align:center;  }
.bu0201 .col ul li .con {  overflow:hidden; }
.bu0201 .col ul li .con .title { font-size:36px; line-height:36px; margin-top:50px; }
.bu0201 .col ul li .con .line { height:5px; margin-top:15px; }
.bu0201 .col ul li .con .text { font-size:18px; margin-top:30px; line-height:30px; }
.bu0201 .col ul li .con .bluetext { font-size:18px; margin-top:10px; line-height:30px; color:#0098e2 }
.bu0201 .col ul li .con .zxbtn { margin-top:30px; font-size:14px; }


.bu0201 .fullpic { width:1200px; margin-left:auto; margin-right:auto; }
 
/*建站服务*/
.bu03 {  margin-left:auto; margin-right:auto;background-color:white;  }
.bu03 .slide {  background:url(../Images/bu03/slide.jpg) no-repeat center top; height:560px; }

.bu03 .sol { width:1200px; margin-left:auto; margin-right:auto; margin-top:30px;  }
.bu03 .sol .item { width:400px; height:260px; float:left; cursor:pointer; }
.bu03 .sol .item .title { font-size:24px; height:50px; line-height:50px; color:#0090da; text-align:center; }
.bu03 .sol .item .entitle { font-size:14px; height:30px; line-height:30px; color:#6d6d6d; text-align:center; margin-top:65px; }
.bu03 .sol .item .desc { font-size:14px; height:30px; line-height:30px; color:#797979; text-align:center; width:295px; margin-left:auto; margin-right:auto; }

.bu03 .sol .item:hover { background-color:#0098e2; color:#FFFFFF; animation:changebg 0.3s; }
.bu03 .sol .item:hover div { color:#FFFFFF;  }

@keyframes changebg
{
    from { background:#ffffff; }
    to { background-color:#0098e2; }
}

.bu03 .buitem { width:1200px;  height:110px; margin-left:auto; margin-right:auto; margin-top:30px;  }
.bu03 .buitem ul { margin-left:auto; margin-right:auto;}
.bu03 .buitem ul li { height:90px; float:left; padding-top:20px; color:#FFFFFF; border-right:#FFFFFF 1px solid; }

.bu03 .buitem ul li .title { height:35px; line-height:35px; color:#333333; width:180px; float:right; margin-right:15px;  font-size:18px;}
.bu03 .buitem ul li .text { line-height:20px; color:#999999; width:180px; float:right; margin-right:15px; font-size:14px; }

.bu03 .buitem ul li.bu01 { background:url(../Images/bu03/icon01.png) no-repeat left; width:268px; }
.bu03 .buitem ul li.bu02 { background:url(../Images/bu03/icon02.png) no-repeat left; border-left:#efefef 1px solid; background-position:30px; width:308px; }
.bu03 .buitem ul li.bu03 { background:url(../Images/bu03/icon03.png) no-repeat left; border-left:#efefef 1px solid; background-position:30px; width:308px; }
.bu03 .buitem ul li.bu04 { background:url(../Images/bu03/icon04.png) no-repeat left; border-left:#efefef 1px solid; background-position:30px; width:308px; }
 
.bu03 .pinzhi { width:1200px; background:#f9f9f9; margin-top:50px;   margin-left:auto; margin-right:auto; padding-top:40px; }
.bu03 .pinzhi .item { width:160px; text-align:center; height:190px; margin-top:30px; }
.bu03 .pinzhi .item .title { font-size:24px; line-height:28px; color:#666666; }
.bu03 .pinzhi .item .text { font-size:14px; line-height:28px; color:#999999;}
.bu03 .pinzhi .item01 { float:left; }
.bu03 .pinzhi .item02 { margin-left:360px; float:left; }
.bu03 .pinzhi .item03 {  float:right; }

.bu03 .service { width:1200px; margin-left:auto; margin-right:auto; }

.bu03 .qudong { width:1200px; margin-left:auto; margin-right:auto; margin-top:50px; padding-top:40px; }
.bu03 .qudong ul  {  width:1200px; margin-top:50px;   }
.bu03 .qudong ul li { width:240px; height:260px; float:left; text-align:center; }
.bu03 .qudong ul li .title { font-size:24px; line-height:28px; color:#0098e2; text-align:center; margin-top:20px; }
.bu03 .qudong ul li .text { font-size:14px; line-height:20px; color:#999999; text-align:center; margin-top:10px;}


/*建站服务-高端定制*/
.bu0301 {  }
.bu0301 .dingzhi { width:1200px; height:330px;  margin-left:auto; margin-right:auto; margin-top:40px; }
.bu0301 .dingzhi ul { width:1200px;  }
.bu0301 .dingzhi ul li { height:290px; width:300px; float:left; text-align:center;  position:relative; }
 
.bu0301 .dingzhi ul li:hover > div { background-color:#0098e2; color:white }
 
.bu0301 .dingzhi ul li .top { height:100px; text-align:center;  position:relative }
.bu0301 .dingzhi ul li .content { text-align:center; padding-top:20px; color:#666666; width:280px; height:290px; margin-left:auto; margin-right:auto; border:#e2e2e2 1px dashed; }
.bu0301 .dingzhi ul li .content .title { font-size:20px;  }
.bu0301 .dingzhi ul li .content .text { font-size:14px; line-height:22px; margin-top:20px; padding-left:10px; padding-right:10px;  }
.bu0301 .dingzhi ul li .content .btn { margin-top:30px; height:35px; line-height:35px; width:80px; border-radius:5px; background-color:#0098e2; color:#ffffff; border:#4c95fe 1px solid; text-align:center; margin-left:auto; margin-right:auto; font-size:12px; z-index:200}
.bu0301 .dingzhi ul li .content .top .pic01 { opacity: 1; filter: alpha(opacity = 1); position:absolute; top:5px; left:90px; } 
.bu0301 .dingzhi ul li .content .top .pic02 { opacity: 0; filter: alpha(opacity = 0); position:absolute; top:10px; left:100px;} 
.bu0301 .dingzhi ul li .content:hover> .btn { background-color:white; color:#0098e2 }
.bu0301 .dingzhi ul li .content:hover> .top .pic01 { opacity: 0; filter: alpha(opacity=0); } 
.bu0301 .dingzhi ul li .content:hover> .top .pic02 { opacity: 1; filter: alpha(opacity=1); } 
.bu0301 .dingzhi ul li .content .btn:hover { background-color:white; color:#4c95fe; border:#4c95fe 1px solid }

.bu0301 .btn-h { z-index:200}

.bu0301 .dingzhi ul li a { height:107px; line-height:115px; width:90px; display:block; text-decoration:none; color:#FFFFFF; font-size:18px; }
.bu0301 .dingzhi ul li a:hover { color:#ff5904 }
.bu0301 .dingzhi ul li a.current { border-bottom:#6cbb63 8px solid;  }


.bu0301 .yudaowenti {width:980px; margin-left:auto; margin-right:auto; position:relative; height:530px;  }
.bu0301 .yudaowenti .circle { position:absolute; left:50%; margin-left:-210px;  top:50px; z-index:100; width:420px; height:420px;  }
.bu0301 .yudaowenti .pic { width:250px; height:250px; position:absolute;  left:50%; margin-left:-125px; top:140px; z-index:200} 

.bu0301 .yudaowenti .left-item { height:35px; line-height:35px; width:300px; text-align:left; z-index:300; font-size:22px; cursor:pointer; }
 

.bu0301 .yudaowenti .item01 { position:absolute; left:40px; top:140px;  background:url(../Images/bu03/qline01.png) no-repeat left; background-position-x:210px; }
.bu0301 .yudaowenti .item01:hover { background:url(../Images/bu03/qline02.png) no-repeat left; background-position-x:210px; color:#0098e2 ;  }
.bu0301 .yudaowenti .item01 span { margin-left:110px; font-size:22px; }
.bu0301 .yudaowenti .item02 { position:absolute; left:10px; top:260px;  background:url(../Images/bu03/qline01.png) no-repeat left; background-position-x:230px;  }
.bu0301 .yudaowenti .item02 span { margin-left:90px;  font-size:22px;}
.bu0301 .yudaowenti .item02:hover { background:url(../Images/bu03/qline02.png) no-repeat left; background-position-x:230px;  color:#0098e2}
.bu0301 .yudaowenti .item03 { position:absolute; left:70px; top:380px;  background:url(../Images/bu03/qline01.png) no-repeat left; background-position-x:220px;   }
.bu0301 .yudaowenti .item03 span { margin-left:35px; font-size:22px; }
.bu0301 .yudaowenti .item03:hover { background:url(../Images/bu03/qline02.png) no-repeat left; background-position-x:220px; color:#0098e2 }

.bu0301 .yudaowenti .right-item {  height:35px; line-height:35px; width:300px; text-align:left; z-index:300; font-size:22px;  background:url(../Images/bu03/qline03.png) no-repeat left; cursor:pointer;   }
.bu0301 .yudaowenti .item04 { position:absolute; left:640px; top:140px; background-position-x:-30px;  }
.bu0301 .yudaowenti .item04 span { margin-left:90px; font-size:22px; }
.bu0301 .yudaowenti .item04:hover { background:url(../Images/bu03/qline04.png) no-repeat left; background-position-x:-30px; color:#0098e2  }
.bu0301 .yudaowenti .item05 { position:absolute; left:670px; top:260px; background-position-x:-50px; }
.bu0301 .yudaowenti .item05 span { margin-left:70px;  font-size:22px;}
.bu0301 .yudaowenti .item05:hover { background:url(../Images/bu03/qline04.png) no-repeat left; background-position-x:-50px; color:#0098e2  }
.bu0301 .yudaowenti .item06 { position:absolute; left:610px; top:380px; background-position-x:-30px; }
.bu0301 .yudaowenti .item06 span { margin-left:90px; font-size:22px; }
.bu0301 .yudaowenti .item06:hover { background:url(../Images/bu03/qline04.png) no-repeat left; background-position-x:-30px; color:#0098e2  }

.myrotate  { animation:myrotate 5s linear infinite; -webkit-animation:myrotate 5s linear infinite;}
@keyframes myrotate{
  from{
    transform:rotate(0deg); 
    }
    to{
    transform:rotate(360deg); 
    }  
}

.bu0301 .houtai {width:1200px; margin-left:auto; margin-right:auto; height:565px; background:url(../Images/bu03/houtai.png) no-repeat center; overflow:hidden; }
.bu0301 .houtai .content { width:460px; background-color:black; filter:alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; height:565px; float:right;}
.bu0301 .houtai .content ul { margin-top:80px; height:400px; margin-left:40px;  }
.bu0301 .houtai .content ul li { height:80px; line-height:80px;  width:400px; position:relative; }
.bu0301 .houtai .content ul li .con { position:absolute; left: 0; top:0; height:80px; font-size:22px; color:white; width:570px; padding-left:30px;}
.bu0301 .houtai .content ul li:hover > .con  { background-color:#0098e2; }
 
 
.bu0301 .leixing { width:1200px; margin-left:auto; margin-right:auto; }
.bu0301 .leixing ul { margin-top:30px;  }
.bu0301 .leixing ul li { width:600px; float:left; height:155px; overflow:hidden; }
.bu0301 .leixing ul li .block { width:580px; padding-top:10px; height:125px; cursor:pointer; background-color:#f8fafb; margin-left:auto; margin-right:auto; }

.bu0301 .leixing ul li .block .leftpic { width:150px; text-align:right; padding-top:10px; float:left;}
.bu0301 .leixing ul li .block .righttext { width:230px; float:left; margin-left:10px; }
.bu0301 .leixing ul li .block .righttext .toptitle { height:40px; line-height:40px; font-size:20px; margin-top:10px;  }
.bu0301 .leixing ul li .block .righttext .text { height:40px; line-height:40px; color:#666666; line-height:24px; font-size:14px; margin-top:5px; }


.xinjian { height:750px; background:url(../Images/bu03/xinjianbg.png) no-repeat center; overflow:hidden; max-width:1920px; margin-left:auto; margin-right:auto; }
.xinjian ul { margin-top:30px; width:1200px; margin-left:auto; margin-right:auto }
.xinjian ul li { width:400px; float:left; height:270px; overflow:hidden;  }
.xinjian ul li .block { width:380px; height:250px; cursor:pointer; margin-left:auto; margin-right:auto; background-color:#ffffff; border:#FFFFFF 2px solid; }

.xinjian ul li .block .leftpic { width:100px; text-align:center; padding-top:10px; float:left; height:140px; border-right:#dddddd 2px solid; margin-top:30px; padding-top:40px; position:relative; }
.xinjian ul li .block .leftpic .pic01 { position:absolute; left:20px; top:30px; }
.xinjian ul li .block .leftpic .pic02 { position:absolute; left:20px; top:30px; opacity:0;  }
.xinjian ul li .block .righttext { width:230px; float:left; margin-left:20px; padding-top:60px; }
.xinjian ul li .block .righttext .toptitle { height:40px; line-height:40px; font-size:24px; margin-top:10px;color:#666666;  }
.xinjian ul li .block .righttext .text { height:40px; line-height:40px; color:#666666; line-height:24px; font-size:14px; margin-top:5px; }

.xinjian ul li .block:hover { border:#0098e2 2px solid; -moz-box-shadow:2px 2px 1px #0098e2; -webkit-box-shadow:2px 2px 1px #0098e2; box-shadow:2px 2px 1px #0098e2;}
.xinjian ul li .block:hover .pic01 {  opacity:0;  }
.xinjian ul li .block:hover .pic02 {  opacity:1;  }

 
.liucheng { margin-top:40px; background-color:black; overflow:hidden;   }
.liucheng ul {  margin-left:auto; margin-right:auto; width:1200px; }
.liucheng ul li { width:200px; float:left; height:340px; text-align:center  }

.liucheng ul li .pic { position:relative; height:200px; }
.liucheng ul li .pic .pic01 { position:absolute; left:20px; top:30px; }
.liucheng ul li .pic .pic02 { position:absolute; left:0px; top:10px; opacity:0; }
.liucheng ul li:hover .pic01 { opacity:0; }
.liucheng ul li:hover .pic02 { opacity:1; }
.liucheng ul li .title { height:50px; line-height:50px; margin-top:30px; color:#4c4c4c; font-size:22px; color:white}
.liucheng ul li:hover .title { background:url(../Images/bu03/liuchengtitlebg.png) no-repeat center; }


.weishengtai { width:1200px;  margin-left:auto; margin-right:auto; padding-top:40px; }
.weishengtai ul {  margin-left:auto; margin-right:auto; width:1200px; }
.weishengtai ul li { width:400px; float:left; height:340px; text-align:center ; }
.weishengtai ul li .item { width:360px; text-align:center; height:190px; margin-top:30px; margin-left:auto; margin-right:auto;  }
.weishengtai ul li .item .title { font-size:24px; line-height:28px; color:#666666; margin-top:20px; }
.weishengtai ul li .item .text { font-size:14px; line-height:22px; color:#999999; margin-top:10px; }

 

.wxitems { }
.wxitems ul { width:1200px;  margin-left:auto; margin-right:auto; margin-top:10px;  }
.wxitems ul li { width:600px; float:left; overflow:hidden;  padding-bottom:10px; }
.wxitems ul li .pic { text-align:center; padding-bottom:10px; height:auto;  }
.wxitems ul li .title { height:150px; line-height:150px; color:#0098e2; font-size:28px; margin-left:80px;  }
.wxitems ul li .text { line-height:25px; color:#666666; font-size:14px; margin-left:80px;  }

.wxitems .graybg {  background-color:#f8f8f8; }

.focus { height:820px; min-width:1920px; background:url(../Images/bu03/focus.png) no-repeat center; }

.focus .left { width:300px; float:left; }
.focus .centre { width:300px; float:left; margin-left:73px; position:relative; }
.focus .centre .mid01 { opacity:1;  position:absolute; top:140px; }
.focus .centre .mid02 { opacity:0;  position:absolute; top:140px; }
.focus .centre:hover { cursor:pointer; }
.focus .centre:hover .mid01 { opacity:0; }
.focus .centre:hover .mid02 { opacity:1; }

 
.focus .right { width:300px; float:right; text-align:right; }
.focus .content { width:1046px; margin-left:auto; margin-right:auto;   }
.focus .content ul { margin-top:125px; }
.focus .content ul li { height:116px; position:relative; }
.focus .content ul li .rimg img { text-align:right; float:right; }
.focus .content ul li .back01 { opacity:1; position:absolute; height:90px; top:13px; }
.focus .content ul li .back02 { opacity:1; position:absolute; height:90px; top:13px;  }
.focus .content ul li .back02 img { margin-left:45px; }
.focus .content ul li .back03 { opacity:0; position:absolute; height:112px; top:2px; }
.focus .content ul li:hover { cursor:pointer; }
.focus .content ul li:hover .back01 { opacity:0; }
.focus .content ul li:hover .back02 { opacity:0; }
.focus .content ul li:hover .back03 { opacity:1; }

.bu0302 { }
.bu0302 .kaifa { width:1200px;  margin-left:auto; margin-right:auto; overflow:hidden; padding-bottom:30px; }
.bu0302 .kaifa ul {  margin-left:auto; margin-right:auto; width:1200px; }
.bu0302 .kaifa ul li { width:200px; float:left; height:190px; text-align:center ; }
.bu0302 .kaifa ul li .item { width:190px; text-align:center; height:170px; margin-top:30px; margin-left:auto; margin-right:auto; }
.bu0302 .kaifa ul li .item .icon { height:100px; text-align:center; }
.bu0302 .kaifa ul li .item .title { font-size:24px; line-height:28px; color:#666666; margin-top:20px; }
.bu0302 .kaifa ul li .item .text { font-size:14px; line-height:22px; color:#999999; margin-top:10px; text-align:center; }

.bu0302 .fuwuliucheng { width:1200px;  margin-left:auto; margin-right:auto; overflow:hidden; padding-bottom:30px; } 
 
.bu0302 .zixun { width:1200px;  margin-left:auto; margin-right:auto; overflow:hidden; padding-bottom:30px; }
.bu0302 .zixun ul li { width:600px; float:left;  }
.bu0302 .zixun ul li .block { width:580px; height:170px; border:#cccccc 1px solid; border-radius:8px; }
.bu0302 .zixun ul li .block .icon { width:125px; float:left; height:125px; margin-left:25px; margin-top:20px; }
.bu0302 .zixun ul li .block .text { width:195px; height:125px; float:left; margin-top:40px; margin-left:20px; overflow:hidden; }
.bu0302 .zixun ul li .block .text .b { font-size:20px; line-height:30px; }
.bu0302 .zixun ul li .block .text .s { font-size:16px; margin-top:15px; }
.bu0302 .zixun ul li .block .btn { width:155px; height:55px; float:left; margin-top:50px; margin-left:15px; background:url(../Images/bu03/btn01.png) no-repeat center; }
.bu0302 .zixun ul li .block:hover { border:#0098e2 1px solid; }
.bu0302 .zixun ul li .block:hover .btn { background:url(../Images/bu03/btn02.png) no-repeat center; }


.bu0303 .wapitems { width:1200px; margin-left:auto; margin-right:auto; margin-top:30px;   }
.bu0303 .wapitems ul {  }
.bu0303 .wapitems ul li { width:300px; float:left; height:280px; text-align:center; }
.bu0303 .wapitems ul li .title { height:30px; margin-top:25px; color:#666666; font-size:22px;}
.bu0303 .wapitems ul li .text { margin-top:15px;  color:#666666; font-size:14px; line-height:24px; padding-left:30px; padding-right:30px; }

.bu0303 .qiyeapp {  width:1200px;  margin-left:auto; margin-right:auto; overflow:hidden; padding-bottom:30px; }
.bu0303 .qiyeapp .col01 { width:400px; float:left; overflow:hidden; padding-top:40px; }
.bu0303 .qiyeapp .col01 ul { margin-top:30px; }
.bu0303 .qiyeapp .col01 ul li { height:145px; text-align:right; width:400px; margin-top:50px; }
.bu0303 .qiyeapp .col01 ul li .item01 { background:url(../Images/bu03/qiyeapp01.png) no-repeat right; padding-right:90px;   }
.bu0303 .qiyeapp .col01 ul li .item02 { background:url(../Images/bu03/qiyeapp03.png) no-repeat right; padding-right:90px;  }
.bu0303 .qiyeapp .col01 ul li .item03 { background:url(../Images/bu03/qiyeapp05.png) no-repeat right; padding-right:90px;  }

.bu0303 .qiyeapp .col02 { width:400px; float:left; text-align:center;  }

.bu0303 .qiyeapp .col03 { width:400px; float:left; overflow:hidden; padding-top:40px;}
.bu0303 .qiyeapp .col03 ul { margin-top:30px; }
.bu0303 .qiyeapp .col03 ul li { height:145px; text-align:left; width:400px;  margin-top:50px; }
.bu0303 .qiyeapp .col03 ul li .item01 { background:url(../Images/bu03/qiyeapp02.png) no-repeat left; padding-left:90px; }
.bu0303 .qiyeapp .col03 ul li .item02 { background:url(../Images/bu03/qiyeapp04.png) no-repeat left; padding-left:90px; }
.bu0303 .qiyeapp .col03 ul li .item03 { background:url(../Images/bu03/qiyeapp06.png) no-repeat left; padding-left:90px; }


.bu0303 .qiyeapp ul li .title { height:40px; margin-top:25px; color:#666666; font-size:22px;}
.bu0303 .qiyeapp ul li .text { margin-top:15px;  color:#666666; font-size:14px; line-height:24px; }

.bu0303 .shuyu { background:url(../Images/bu03/shuyubg.png) repeat-y center;  }
 
.bu0303 .shuyu .content { width:1200px; margin-left:auto; margin-right:auto; padding-bottom:30px;  }
.bu0303 .shuyu .content .left { width:820px; float:left;  }
.bu0303 .shuyu .content .left .title {  font-size:28px; margin-top:50px; }
.bu0303 .shuyu .content .left .subtitle {  font-size:14px; margin-top:10px; }
.bu0303 .shuyu .content .right { width:330px; float:left;  padding-left:50px; }
.bu0303 .shuyu .content .right .title {  font-size:22px; margin-top:50px; }
.bu0303 .shuyu .content .right .subtitle {  font-size:14px; margin-top:20px; line-height:20px; border-bottom:#e3e3e3 1px solid; padding-bottom:20px;  }

.bu0303 .shuyu .content .right .b { font-size:18px; margin-top:30px;  }
.bu0303 .shuyu .content .right .s { font-size:14px; margin-top:5px; }



.bu0303 .appdev {  }
.bu0303 .appdev .tab { width:520px; margin-left:auto; margin-right:auto; height:40px; margin-top:25px;  }
.bu0303 .appdev .tab ul li { width:130px; float:left;  }
.bu0303 .appdev .tab ul li .btn { width:110px; margin-left:auto; margin-right:auto; height:40px; line-height:40px; text-align:center; font-size:12px; background-color:#f6f6f6; color:#676767; display:block; }
.bu0303 .appdev .tab ul li .sel { background-color:#0098e2; color:white;  }

.bu0303 .appdev .content { width:1200px; margin-left:auto; margin-right:auto; margin-top:60px;  }
.bu0303 .appdev .content .left { width:649px; float:left; border-right:#dedede 1px solid; height:470px; }
.bu0303 .appdev .content .left .pic { height:212px;  }
.bu0303 .appdev .content .left .title { font-size:18px; margin-top:20px;  }
.bu0303 .appdev .content .left .text { font-size:14px; margin-top:10px; line-height:23px; width:590px; }

.bu0303 .appdev .content .right { width:550px; float:left; }
.bu0303 .appdev .content .right .panel { width:440px; height:465px; border:#dedede 3px solid; float:right; }
.bu0303 .appdev .content .right .panel .con {  width:350px; margin-left:auto; margin-right:auto; }
.bu0303 .appdev .content .right .panel .title { font-size:20px;  margin-top:25px; }
.bu0303 .appdev .content .right .panel .text { font-size:14px; margin-top:10px; line-height:20px;  }
.bu0303 .appdev .content .right .panel .detail {  font-size:14px; margin-top:30px; line-height:28px; }

 
.bu0303 .shouji { width:1200px; margin-left:auto; margin-right:auto; margin-top:30px;   }
.bu0303 .shouji ul {  }
.bu0303 .shouji ul li { width:300px; float:left; height:350px; text-align:center; }
.bu0303 .shouji ul li  .pic {  width:300px; height:190px; text-align:center; }
.bu0303 .shouji ul li .text { color:#666666; font-size:14px; line-height:24px; padding-left:30px; padding-right:30px; }

.bu0303 .reason { width:1200px; margin-left:auto; margin-right:auto; padding-top:50px; padding-bottom:50px; }

.bu0303 .reason .panel {  }
.bu0303 .reason .panel .left { width:610px; float:left; padding-top:60px;  }
.bu0303 .reason .panel .left .title { font-size:36px;  }
.bu0303 .reason .panel .left .title span { color:#0098e2; font-size:36px; }
.bu0303 .reason .panel .left .subtitle { font-size:24px; margin-top:10px; }
.bu0303 .reason .panel .left .text { font-size:18px; margin-top:50px; line-height:28px; color:#666666;  }
.bu0303 .reason .panel .right { float:right; width:570px; }

.bu0303 .reason .items ul { width:1200px; margin-top:50px; }
.bu0303 .reason .items ul li { width:400px; float:left; transition:transform 0.2s; }
.bu0303 .reason .items ul li:hover { cursor:pointer;transform:translate(0,-20px); }
.bu0303 .reason .items ul li:hover .con { -moz-box-shadow:0px 4px 15px #eeeeee; -webkit-box-shadow:0px 4px 15px #eeeeee; box-shadow:0px 4px 15px #eeeeee;  }
.bu0303 .reason .items ul li .con { width:375px; height:460px; margin-left:auto; margin-right:auto; border:#eeeeee 1px solid; border-radius:8px; text-align:center; }
.bu0303 .reason .items ul li .con .icon { width:98px; height:98px; margin-left:auto; margin-right:auto; margin-top:-50px; }
.bu0303 .reason .items ul li .con .title { font-size:24px; margin-top:35px; }
.bu0303 .reason .items ul li .con .organge { color:#fd6b00 }
.bu0303 .reason .items ul li .con .green { color:#77ad01 }
.bu0303 .reason .items ul li .con .blue { color:#0071e4 }
.bu0303 .reason .items ul li .con .entitle { font-size:16px; margin-top:5px; color:#999999 }
.bu0303 .reason .items ul li .con .btitle { font-size:18px; margin-top:45px; }
.bu0303 .reason .items ul li .con .stitle { font-size:14px; margin-top:5px; }


.bu0303 .advantage { width:1200px; margin-left:auto; margin-right:auto; margin-top:50px; padding-bottom:20px;} 
.bu0303 .advantage .left { width:640px; float:left; }
.bu0303 .advantage .right { width:430px; float:right; }
.bu0303 .advantage .right ul li { height:115px; }
.bu0303 .advantage .right ul li .icon { width:100px; float:left; text-align:center;  }
.bu0303 .advantage .right ul li .con { width:310px; float:left; }
.bu0303 .advantage .right ul li .con .title { font-size:18px; margin-top:15px; }
.bu0303 .advantage .right ul li .con .subtitle { font-size:14px; margin-top:5px; }

.bu0303 .process { width:1200px; margin-left:auto; margin-right:auto; }
.bu0303 .process .content { background:url(../Images/bu03/liucheng.png) no-repeat center; position:relative; height:360px; }
.bu0303 .process .content .ticon { width:75px; height:150px; position:relative;}
.bu0303 .process .content .ticon .icon { height:75px; position:absolute; opacity:1;}
.bu0303 .process .content .ticon .icon2 { height:75px; position:absolute; opacity:0; }
.bu0303 .process .content .ticon .text { width:75px; height:25px; line-height:25px; position:absolute; top:125px; text-align:center; font-size:14px; color:#999999  }
.bu0303 .process .content .ticon:hover { cursor:pointer; }
.bu0303 .process .content .ticon:hover .text { color:#0098e2 }
.bu0303 .process .content .ticon:hover .icon { opacity:0; }
.bu0303 .process .content .ticon:hover .icon2 { opacity:1; }

.bu0303 .process .content .bicon { width:75px; height:150px; position:relative; }
.bu0303 .process .content .bicon .icon { height:75px; position:absolute; top:75px; opacity:1;}
.bu0303 .process .content .bicon .icon2 { height:75px; position:absolute; top:75px;opacity:0; }
.bu0303 .process .content .bicon .text { width:75px; height:25px; line-height:25px; text-align:center; font-size:14px; color:#999999 }
.bu0303 .process .content .bicon:hover { cursor:pointer; }
.bu0303 .process .content .bicon:hover .text { color:#0098e2  }
.bu0303 .process .content .bicon:hover .icon {  opacity:0;  }
.bu0303 .process .content .bicon:hover .icon2 {  opacity:1;  }

.bu0303 .process .content .lc01 { position:absolute; left:5px; top:150px; }
.bu0303 .process .content .lc02 { position:absolute; left:125px; top:60px; }
.bu0303 .process .content .lc03 { position:absolute; left:290px; top:110px; }
.bu0303 .process .content .lc04 { position:absolute; left:445px; top:40px; }
.bu0303 .process .content .lc05 { position:absolute; left:620px; top:40px; }
.bu0303 .process .content .lc06 { position:absolute; left:790px; top:40px; }
.bu0303 .process .content .lc07 { position:absolute; left:950px; top:140px; }
.bu0303 .process .content .lc08 { position:absolute; left:1105px; top:70px; }



.bu0303 .h5ui { width:1200px; margin-left:auto; margin-right:auto; padding-top:30px;  }
.bu0303 .h5ui ul li { width:600px; float:left; }
.bu0303 .h5ui ul li .img { text-align:center;  }
.bu0303 .h5ui ul li .con { width:510px; }
.bu0303 .h5ui ul li .con .title { font-size:24px; color:#0098e2; line-height:36px; margin-top:50px; }
.bu0303 .h5ui ul li .con .line { height:5px; margin-top:15px; }
.bu0303 .h5ui ul li .con .text { font-size:18px; margin-top:50px; line-height:30px; }
.bu0303 .h5ui ul li .con .bluetext { font-size:18px; margin-top:10px; line-height:30px; color:#0098e2 }

.bu0303 .step { width:1200px; margin-left:auto; margin-right:auto; padding-bottom:50px; }
.bu0303 .step .btitle { font-size:26px; color:#0098e2; text-align:center; margin-top:50px;  }
.bu0303 .step .zxbtn { text-align:center; margin-top:30px;  }


.bu0303 .tongji { height:545px; background:url(../Images/bu03/tongji.png) no-repeat center;}

.bu0303 .shangwu { height:660px; background:url(../Images/bu03/shangwubg.png) no-repeat center;}
.bu0303 .shangwu .content { width:1200px; margin-left:auto; margin-right:auto; overflow:hidden; }
.bu0303 .shangwu .content .box { height:230px; width:620px; margin-top:400px;  background:#0098e2; color:white; font-size:56px; padding-left:30px; padding-top:30px }

/*品牌公关*/
.bu04 { margin-left:auto; margin-right:auto; background-color:white;  }
.bu04 .slide {  background:url(../Images/bu04/slide.jpg) no-repeat center top; height:560px; }

.bu04 .bankuai { margin-left:auto; margin-right:auto; width:1200px; margin-top:40px; }
.bu04 .bankuai ul {  }
.bu04 .bankuai ul li { width:200px; float:left; height:440px; text-align:center; }
.bu04 .bankuai ul li .line { text-align:center; margin-top:30px; }
.bu04 .bankuai ul li .title { height:30px; margin-top:25px; color:#4c4c4c; font-size:24px;}
.bu04 .bankuai ul li .text { margin-top:15px;  color:#4c4c4c; font-size:16px; line-height:24px; }
.bu04 .bankuai ul li .blue { color:#0098e2 }

.rotate { animation:rotate 0.8s linear; -webkit-animation:rotate 0.8s linear;  }

@keyframes rotate{     
     from{     
         transform:rotate(0deg);
        -webkit-transform:rotate(0deg);     
     }     
     to{  
         transform:rotate(360deg);    
        -webkit-transform:rotate(360deg);     
     }            
}
 
 
.bu04 .chuanbo { margin-left:auto; margin-right:auto; width:1200px; margin-top:40px; }
.bu04 .chuanbo .text { font-size:18px; line-height:32px; text-align:center; margin-top:20px; padding-bottom:40px; width:1150px; margin-left:auto; margin-right:auto; color:#666666 }

.bu04 .xingxiang { margin-left:auto; margin-right:auto; width:1200px; margin-top:40px; }
.bu04 .xingxiang .text { font-size:18px; line-height:32px; text-align:center; margin-top:20px; padding-bottom:40px; width:1150px; margin-left:auto; margin-right:auto; color:#666666 }
 
.bu04 .pinpai { width:1200px;  margin-left:auto; margin-right:auto; height:690px;  }
.bu04 .pinpai .content { width:1200px; height:560px; background:url(../Images/bu04/pingpai.png) no-repeat center top;  }
.bu04 .pinpai .content .text { font-size:18px; line-height:32px; text-align:center;  width:1150px; margin-left:auto; margin-right:auto; color:#666666; height:120px; padding-top:440px }

.bu04 .yulun { margin-left:auto; margin-right:auto; width:1200px; margin-top:40px; }
.bu04 .yulun .text { font-size:18px; line-height:32px; text-align:center; margin-top:20px; padding-bottom:40px; width:1150px; margin-left:auto; margin-right:auto; color:#666666 }

.bu04 .weiji { margin-left:auto; margin-right:auto; width:1200px; margin-top:40px; }
.bu04 .weiji .text { font-size:18px; line-height:32px; text-align:center; margin-top:20px; padding-bottom:40px; width:1150px; margin-left:auto; margin-right:auto; color:#666666 }
 
.bu04 .yuqing { margin-left:auto; margin-right:auto; width:1200px; margin-top:40px; }
.bu04 .yuqing .text { font-size:18px; line-height:32px; text-align:center; margin-top:20px; padding-bottom:40px; width:1150px; margin-left:auto; margin-right:auto; color:#666666 }

 
.bu0401 { }

.bu0401 .chuangxin { height:610px; background:url(../Images/bu04/chuangxin.png) no-repeat center top; overflow:hidden;  }

.bu0401 .chuangxin .title01 { font-size:28px; color:white; text-align:center; line-height:60px; margin-top:60px; }
.bu0401 .chuangxin .title02 { font-size:18px; color:white; text-align:center; line-height:30px; }

 
.bu0401 .chuangxin ul { width:1200px; margin-left:auto; margin-right:auto; margin-top:80px;  }
.bu0401 .chuangxin ul li { width:300px; float:left; height:440px; text-align:center; }
.bu0401 .chuangxin ul li .line { text-align:center; margin-top:30px; }
.bu0401 .chuangxin ul li .title { height:30px; margin-top:25px; color:white; font-size:24px; font-weight:bold; }
.bu0401 .chuangxin ul li .text { margin-top:15px;  color:white; font-size:16px; line-height:28px; }


.bu0401 .shili {width:1200px; margin-left:auto; margin-right:auto; height:500px; background:url(../Images/bu04/shili.png) no-repeat center top; position:relative;  } 
.bu0401 .shili .title01 { font-size:22px; color:#0098e2; line-height:25px; font-weight:bold; }
.bu0401 .shili .title02 { font-size:16px; line-height:25px; margin-top:10px;  }
.bu0401 .shili .text { font-size:14px; color:#7a7a7a; margin-top:10px; line-height:22px;  }
.bu0401 .shili .text01 { position:absolute; left:10px; top:50px; width:370px; height:200px;    }
.bu0401 .shili .text02 { position:absolute; left:10px; top:220px; width:370px; height:200px;   }
.bu0401 .shili .text03 { position:absolute; left:900px; top:50px; width:370px; height:200px;   }
.bu0401 .shili .text04 { position:absolute; left:900px; top:220px; width:370px; height:200px;   }

.bu0401 .xuanze { width:1200px; margin-left:auto; margin-right:auto; overflow:hidden; padding-bottom:30px; }

.bu0401 .xuanze .left { width:600px; float:left; }
.bu0401 .xuanze .left .title { font-size:24px;margin-top:90px;  }
.bu0401 .xuanze .left .text { font-size:14px; margin-top:20px;  }
.bu0401 .xuanze .left .entext { font-size:14px; color:#bbbbbb; line-height:22px;  }
.bu0401 .xuanze .left .zxbtn { margin-top:30px; font-size:14px;  }
.bu0401 .xuanze .right { width:600px; float:right; }

.bu0401 .yuanyin { width:1200px; margin-left:auto; margin-right:auto; overflow:hidden; padding-bottom:30px; }
.bu0401 .yuanyin ul li { width:400px; float:left; height:340px; }
.bu0401 .yuanyin ul li .content { text-align:center; padding-top:40px; color:#666666; width:360px; height:290px; margin-left:auto; margin-right:auto; }
.bu0401 .yuanyin ul li .content .title { font-size:20px;  }
.bu0401 .yuanyin ul li .content .text { font-size:14px; line-height:25px; margin-top:20px; padding-left:10px; padding-right:10px; color:#999999  }
.bu0401 .yuanyin ul li .content .top { position:relative; height:150px; }
.bu0401 .yuanyin ul li .content .top .pic01 { opacity: 1; filter: alpha(opacity = 1); position:absolute; top:5px; left:115px; } 
.bu0401 .yuanyin ul li .content .top .pic02 { opacity: 0; filter: alpha(opacity = 0); position:absolute; top:5px; left:115px;} 
.bu0401 .yuanyin ul li .content:hover> .top .pic01 { opacity: 0; filter: alpha(opacity=0); } 
.bu0401 .yuanyin ul li .content:hover> .top .pic02 { opacity: 1; filter: alpha(opacity=1); } 
.bu0401 .yuanyin ul li .content:hover> .title { color:#0098e2 }

.bu0401 .chengnuo { height:335px; background:url(../Images/bu04/chengnuo.png) no-repeat center; }

.bu0401 .chongsu {  background:url(../Images/bu04/chongsu.png) no-repeat center top; height:710px; overflow:hidden; margin-top:30px; }
.bu0401 .chongsu .text { color:#666666; font-size:18px; text-align:center; line-height:30px; margin-top:550px; }

.bu0401 .guanwang { height:800px;  background:url(../Images/bu04/guanwang.png) no-repeat center  } 
.bu0401 .chongzao { height:800px;  background:url(../Images/bu04/chongzao.png) no-repeat center  } 
.bu0401 .b2b { height:800px;  background:url(../Images/bu04/b2b.png) no-repeat center  } 
.bu0401 .pengyouquan { height:800px;  background:url(../Images/bu04/pengyouquan.png) no-repeat center  } 

.bu0401 .wangluo { height:705px;  background:url(../Images/bu04/wangluo.png) no-repeat center; } 

.bu0401 .wangluo .panel { width:1200px; margin-left:auto; margin-right:auto;  overflow:hidden;}
.bu0401 .wangluo .title { height:40px; line-height:40px; margin-top:50px; text-align:center; color:white; font-size:30px;   }
.bu0401 .wangluo ul { margin-top:60px;  }
.bu0401 .wangluo ul li { width:400px; height:270px; float:left;  }
.bu0401 .wangluo ul li .content { width:340px; height:215px; overflow:hidden; }
.bu0401 .wangluo ul li .content .num { height:90px; line-height:90px; text-align:center; color:white; margin-top:15px; }
.bu0401 .wangluo ul li .content .icon { height:130px; line-height:130px; text-align:center; color:white; margin-top:15px; }
.bu0401 .wangluo ul li .content .text { text-align:center; color:white; font-size:18px; margin-top:20px; }
.bu0401 .wangluo ul li .content:hover { border:#EFEFEF 1px solid; -moz-box-shadow:0px 0px 15px #efefef; -webkit-box-shadow:0px 0px 15px #efefef; box-shadow:0px 0px 15px #efefef;  }
 
.bu0401 .yazhi {  background:url(../Images/bu04/yazhi.png) no-repeat center top; height:890px; overflow:hidden; margin-top:30px; }
.bu0401 .yazhi .text { color:#666666; font-size:18px; text-align:center; line-height:30px; margin-top:550px; }
 
.bu0401 .yulun { }
.bu0401 .yulun .text { color:#666666; font-size:18px; text-align:center; line-height:30px; }

.bu0401 .koubei { width:1200px; margin-left:auto; margin-right:auto; overflow:hidden }
.bu0401 .koubei .left { width:600px; float:left;  }
.bu0401 .koubei .title01 { font-size:22px; margin-top:50px;  }
.bu0401 .koubei .title02 { font-size:14px; color:#999999; margin-top:10px; } 

.bu0401 .koubei .right { width:600px; float:right; } 


.bu0401 .yuqing { width:1200px; margin-left:auto; margin-right:auto; overflow:hidden; background:url(../Images/bu04/yuqingyoushi.png) no-repeat center top; margin-top:10px;}

.bu0401 .yuqing .left { width:450px; height:400px; margin-top:60px; float:left; }
.bu0401 .yuqing .left ul li { height:130px;  overflow:hidden; }
.bu0401 .yuqing .left ul li .pic { width:100px; text-align:center; float:right; position:relative;}
.bu0401 .yuqing .left ul li .pic .pic01 { opacity: 1; filter: alpha(opacity = 1); position:absolute; top:0px; left:10px; } 
.bu0401 .yuqing .left ul li .pic .pic02 { opacity: 0; filter: alpha(opacity = 0); position:absolute; top:0px; left:10px;  } 
.bu0401 .yuqing .left ul li .text { width:340px; float:left; }
.bu0401 .yuqing .left ul li .title01 { font-size:18px; text-align:right;  }
.bu0401 .yuqing .left ul li .title02 { font-size:14px; margin-top:10px; text-align:right; }

.bu0401 .yuqing .right { width:450px; height:400px; margin-top:60px; float:right; }
.bu0401 .yuqing .right ul li { height:130px; }
.bu0401 .yuqing .right ul li .pic { width:110px; text-align:center; float:left; position:relative;}
.bu0401 .yuqing .right ul li .pic .pic01 { opacity: 1; filter: alpha(opacity = 1); position:absolute; top:0px; left:10px;} 
.bu0401 .yuqing .right ul li .pic .pic02 { opacity: 0; filter: alpha(opacity = 0); position:absolute; top:0px; left:10px;} 
.bu0401 .yuqing .right ul li .text { width:340px; float:right; }
.bu0401 .yuqing .right ul li .title01 { font-size:18px; }
.bu0401 .yuqing .right ul li .title02 { font-size:14px; margin-top:10px; }

.bu0401 .yuqing ul li:hover> .pic .pic01 { opacity: 0; filter: alpha(opacity=0); } 
.bu0401 .yuqing ul li:hover> .pic .pic02 { opacity: 1; filter: alpha(opacity=1); } 
.bu0401 .yuqing ul li:hover> .text .title01 { color:#0098e2 }

.bu0401 .wenan { height:690px;  background:url(../Images/bu04/wenan.png) no-repeat center; } 


.bu0401 .chuli { width:1200px;  margin-left:auto; margin-right:auto; padding-top:40px; }
.bu0401 .chuli ul {  margin-left:auto; margin-right:auto; width:1200px; }
.bu0401 .chuli ul li { width:300px; float:left; height:300px; text-align:center ; }
.bu0401 .chuli ul li .item { width:260px; text-align:center; height:190px; margin-top:30px; margin-left:auto; margin-right:auto;  }
.bu0401 .chuli ul li .item .title { font-size:24px; line-height:28px; color:#666666; margin-top:20px; }
.bu0401 .chuli ul li .item .text { font-size:14px; line-height:22px; color:#999999; margin-top:10px; }

.bu0401 .daokong { width:1200px;  margin-left:auto; margin-right:auto; padding-top:40px; }
.bu0401 .daokong ul {  margin-left:auto; margin-right:auto; width:1200px; }
.bu0401 .daokong ul li { width:400px; float:left; height:300px; text-align:center ; }
.bu0401 .daokong ul li .item { width:360px; text-align:center; height:190px; margin-top:30px; margin-left:auto; margin-right:auto;  }
.bu0401 .daokong ul li .item .title { font-size:24px; line-height:28px; color:#666666; margin-top:20px; }
.bu0401 .daokong ul li .item .text { font-size:14px; line-height:22px; color:#999999; margin-top:10px; }


.bu0401 .weijiitems { width:1200px;  margin-left:auto; margin-right:auto; padding-top:40px; padding-bottom:30px;}
.bu0401 .weijiitems ul {  margin-left:auto; margin-right:auto; width:1200px; }
.bu0401 .weijiitems ul li { width:400px; float:left; height:340px; text-align:center ; }
.bu0401 .weijiitems ul li .item { width:300px; text-align:center; height:260px; margin-top:30px; margin-left:auto; margin-right:auto; background-color:#ffffff; padding-top:30px; }
.bu0401 .weijiitems ul li .item .title { font-size:16px; line-height:28px; color:#666666; margin-top:20px; }
.bu0401 .weijiitems ul li .item .text { font-size:14px; line-height:22px; color:#999999; margin-top:10px; }

.bu0401 .weijibottom { height:302px; background:url(../Images/bu04/weiji03.png) no-repeat center top; }


.bu0401 .quankuai { margin-left:auto; margin-right:auto; width:1200px; height:450px; }
.bu0401 .quankuai ul { }
.bu0401 .quankuai ul li { width:300px; float:left; height:340px; text-align:center ; }
.bu0401 .quankuai ul li .item { width:260px; text-align:center; height:260px; margin-top:30px; margin-left:auto; margin-right:auto; background-color:#ffffff; padding-top:30px; }
.bu0401 .quankuai ul li .item .title { font-size:16px; line-height:28px; color:#666666; margin-top:20px; }
.bu0401 .quankuai ul li .item .text { font-size:14px; line-height:22px; color:#999999; margin-top:10px; }


.bu0401 .tedian { height:700px; background:url(../Images/bu04/tedian.png) no-repeat center top; }

.bu0401 .jianceliucheng { height:600px; background:url(../Images/bu04/jianceliucheng.png) no-repeat center top; }

/*案例展示*/
.bu05 { margin-left:auto; margin-right:auto;background-color:white; position:relative;  }
.bu05 .slide {  background:url(../Images/bu05/slide.jpg) no-repeat center top; height:560px; }

.bu05 .cases { width:1200px; margin-left:auto; margin-right:auto; margin-top:30px;  position:relative; }
.bu05 .cases  figcaption { padding:15px; }
.bu05 .cases  figcaption h3 { font-size:22px; text-align:center; font-weight:normal; height:35px; }
.bu05 .cases  figcaption p { font-size:16px; line-height:25px; margin-top:10px;  }

.bu05 .cases .col01 { float:left; width:510px; }
.bu05 .cases .col01 .case01 { overflow:hidden; }
.bu05 .cases .col01 .case02 { margin-top:5px; overflow:hidden;}


.bu05 .cases .col02 { float:left;  width:340px; margin-left:5px; }
.bu05 .cases .col02 .case01 { overflow:hidden;}
.bu05 .cases .col02 .case02 { margin-top:5px; overflow:hidden; }
.bu05 .cases .col02 .case03 { margin-top:5px; overflow:hidden;}

.bu05 .cases .col03 { float:left; width:340px; margin-left:5px; }
.bu05 .cases .col03 .case01 { overflow:hidden;}
.bu05 .cases .col03 .case02 { margin-top:5px; overflow:hidden;}
.bu05 .cases .col03 .case03 { margin-top:5px; overflow:hidden;}

.bu05 .cases .box { height:625px; position:absolute; left:95px; top:0; width:1010px; background:#ffffff; display:none;  z-index:1002;}
.bu05 .cases .box .closebtn { position:absolute; left:965px; top:0; cursor:pointer; }
.bu05 .cases .box .content { display:none; }
.bu05 .cases .box .content .pic { width:450px; float:left; padding-top:2px; padding-left:2px;  }
.bu05 .cases .box .content .text { width:530px; float:left; padding-left:15px; height:610px; overflow:hidden; }
.bu05 .cases .box .content .text .name { height:74px; line-height:74px; font-size:20px; border-bottom:#999999 1px solid; }
.bu05 .cases .box .content .text .detail { font-size:14px; line-height:25px; height:450px; margin-top:10px; }
.bu05 .cases .box .content .text .detail p { font-size:14px;  text-indent:2em; }
.bu05 .cases .box .content .text .detail .contentbox {  box-sizing:border-box; height:100%; overflow:auto; z-index:10000; }
 

.overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%;  height: 100%; background-color: black; z-index:1001;  -moz-opacity: 0.6;  opacity:.60; filter: alpha(opacity=60); }

.caselist { width:1200px; margin-left:auto; margin-right:auto; margin-top:50px;  }
.caselist .cate { height:40px;   }
.caselist .cate ul { height:40px; width:1200px; }
.caselist .cate ul li { width:150px; height:40px; line-height:40px; float:left; text-align:center; }
.caselist .cate ul li a { color:#666666; font-size:14px; height:40px; line-height:40px; display:block; width:100px; background:#f6f6f5; margin-left:6px;  }
.caselist .cate ul li a:hover { color:#ff5904; }
.caselist .cate ul li a.sel { background:#6bbc64; color:white;  }

.caselist .list { margin-top:30px; }
.caselist .list ul li { width:300px; height:250px; float:left; text-align:center; }
.caselist .list ul li .pic { height:185px; }
.caselist .list ul li .pic img { border:#efefef 1px solid;  -moz-box-shadow:0px 5px 10px #efefef; -webkit-box-shadow:0px 5px 10px #efefef; box-shadow:0px 5px 10px #efefef; }
.caselist .list ul li .casename { height:40px; line-height:40px; text-align:center; margin-top:5px; }
.caselist .list ul li .casename a { font-size:14px;  }

.casedetail { width:1200px;  margin-left:auto; margin-right:auto;  margin-top:120px;  }
.casedetail .title { height:65px; line-height:65px; font-size:24px;text-align:center; }
.casedetail .tag { height:50px; line-height:50px; font-size:14px ; text-align:center;}
.casedetail .info { height:25px; line-height:25px; color:#999999; font-size:14px; text-align:center;}
.casedetail .content { line-height:25px; color:#333333; margin-top:40px; text-align:center; }
.casedetail .content img { margin-left:auto; margin-right:auto; }

/*优化推广*/
.bu06 { margin-left:auto; margin-right:auto; background-color:white;  }
.bu06 .slide {  background:url(../Images/bu06/slide.jpg) no-repeat center top; height:560px; }

.bu06 .items { width:1200px; margin-left:auto; margin-right:auto; margin-top:80px;   }
.bu06 .items ul {  }
.bu06 .items ul li { width:400px; float:left; height:280px; text-align:center; }
.bu06 .items ul li .title { height:30px; margin-top:25px; color:#ff6800; font-size:24px;}
.bu06 .items ul li .text { margin-top:15px;  color:#666666; font-size:16px; line-height:24px; }


.bu06 .seo { width:1200px; height:460px;  margin-left:auto; margin-right:auto; background:url(../Images/bu06/seo.png) no-repeat center top; }
.bu06 .seo .text { width:660px; height:240px; font-size:22px; line-height:32px; margin-left:460px; padding-top:130px; color:#333333 }

.bu06 .yhitems { width:1200px; margin-left:auto; margin-right:auto; margin-top:20px;   }
.bu06 .yhitems ul { margin-top:20px;  }
.bu06 .yhitems ul li { width:300px; float:left; height:350px; text-align:center; }
.bu06 .yhitems ul li .title { height:30px; margin-top:25px; color:#333333; font-size:26px;}
.bu06 .yhitems ul li .text { margin-top:15px;  color:#333333; font-size:14px; line-height:22px; }


.bu06 .liuliang { width:1200px; margin-left:auto; margin-right:auto; }
.bu06 .liuliang .left { width:610px; float:left; }
.bu06 .liuliang .left ul { margin-top:30px; }
.bu06 .liuliang .left ul li { height:120px; }
.bu06 .liuliang .left ul li .title { width:290px; float:left; color:#78c9de; font-size:24px; }
.bu06 .liuliang .left ul li .text { width:270px; float:left; color:#999999; font-size:14px;  }

.bu06 .liuliang .pic { width:560px; float:right; padding-bottom:30px;  }

.bu06 .guanjianci { width:1200px; margin-left:auto; margin-right:auto;  }

/*关于我们*/
.about01 {  margin-left:auto; margin-right:auto; }
.about01 .slide {  background:url(../Images/about/slide.jpg) no-repeat center top; height:570px; }

.about01 .about { width:1200px; margin-left:auto; margin-right:auto; border-bottom:#e7e7e7 2px solid; padding-bottom:8px;  }
.about01 .about .toptitle { width:170px; }
.about01 .about .pic { width:400px; float:left; padding-top:50px;  }
.about01 .about .intro { width:720px; float:right; vertical-align:top; }
.about01 .about .intro .name { font-size:18px; color:#333333; line-height:28px; margin-top:15px;  }
.about01 .about .intro .text { font-size:14px; color:#999999; line-height:23px; margin-top:20px; padding-bottom:10px; }
.about01 .about .intro .text span { color:#0098e2;  font-size:14px; }


.about01 .cando { width:1200px; margin-left:auto; margin-right:auto; padding-bottom:60px; }
.about01 .cando ul { margin-top:30px;  }
.about01 .cando ul li { width:600px; float:left; height:175px; overflow:hidden; }
.about01 .cando ul li .block { width:570px; border-left:#0098e2 10px solid; padding-left:30px; padding-top:15px; height:125px; cursor:pointer; }

.about01 .cando ul li .block .toptitle { height:40px; line-height:40px; }
.about01 .cando ul li .block .toptitle img { vertical-align:top; }
.about01 .cando ul li .block .toptitle img.img01 { }
.about01 .cando ul li .block .toptitle img.img02 { display:none; }
.about01 .cando ul li .block .toptitle span { margin-left:20px; font-size:24px; color:#333333 }
.about01 .cando ul li .block .text { height:40px; line-height:40px; color:#666666; line-height:24px; font-size:14px; margin-top:20px; }

.about01 .cando ul li .block:hover { background-color:#0098e2; border-left:#6cbb63 10px solid; animation:changecandobg 0.3s; color:white;  width:575px;  }
.about01 .cando ul li .block:hover div { color:white; }
.about01 .cando ul li .block:hover div span { color:white; }
.about01 .cando ul li .block:hover .toptitle .img01 { display:none }
.about01 .cando ul li .block:hover .toptitle .img02 { display:inline }
.about01 .cando ul li .block:hover .text span.high { color:#6bbc64; font-size:14px; }

.about01 .cando .textline { height:60px; line-height:60px; border-bottom:#d2d2d2 1px solid; color:#999999; font-size:14px;  }
.about01 .cando .textline span { font-size:14px; }

@keyframes changecandobg
{
    from { background:#ffffff; }
    to { background-color:#0098e2; }
}


.about01 .youshi { width:1200px; margin-left:auto; margin-right:auto; padding-bottom:60px; }
.about01 .youshi ul { margin-top:10px;  }
.about01 .youshi ul li { width:600px; float:left; height:220px; border-bottom:#cccccc 1px solid; padding-top:30px;  }

.about01 .youshi ul li .pic { text-align:center  }
.about01 .youshi ul li .title { height:80px; line-height:80px; color:#0098e2; font-size:28px; margin-left:80px;  }
.about01 .youshi ul li .text { line-height:25px; color:#666666; font-size:14px; margin-left:80px;  }


/*加入我们*/
.about02 {  margin-left:auto; margin-right:auto; }
.about02 .slide {  background:url(../Images/about/slide.jpg) no-repeat center top; height:570px; }

.about02 .jobs { margin-top:30px;  width:1200px; margin-left:auto; margin-right:auto; }
.about02 .jobs ul li { width:400px; float:left; height: 300px;  }
.about02 .jobs ul li .content { width:370px; border:#efefef 1px solid;  -moz-box-shadow:0px 5px 10px #efefef; -webkit-box-shadow:0px 5px 10px #efefef; box-shadow:0px 5px 10px #efefef; background:#fbfbfb; border-bottom:#414048 2px solid;  cursor:pointer;  }
.about02 .jobs ul li .content .jobtip { height:30px; line-height:30px; width:120px; text-align:center; color:#FFFFFF; background:#46454d ; margin-top:12px; }

.about02 .jobs ul li .content .jobinfo { width:210px; margin-left:auto; margin-right:auto; height:140px }
.about02 .jobs ul li .content .jobinfo .title { font-size:18px; color:#2d2d2d; margin-top:15px;  }
.about02 .jobs ul li .content .jobinfo .line {  color:#939393; margin-top:10px; }
.about02 .jobs ul li .content .jobinfo .text { font-size:14px; line-height:22px; margin-top:10px; color:#939393 }
.about02 .jobs ul li .content .btngo { background:url(../Images/about/btngo01.png) no-repeat right; height:35px; }
.about02 .jobs ul li .content:hover { border-bottom:#00a0eb 3px solid; }
.about02 .jobs ul li .content:hover >.btngo {  background:url(../Images/about/btngo02.png) no-repeat right; height:35px; }


/*联系我们*/
.about03 { margin-left:auto; margin-right:auto; }
.about03 .slide {  background:url(../Images/about/slide.jpg) no-repeat center top; height:570px; }
.about03 .contact { margin-top:30px; width:1200px;  margin-left:auto; margin-right:auto;   }
.about03 .contact ul li { width:400px; float:left; height:240px;   }

.about03 .contact ul li .top { text-align:center; height:120px; border-bottom:#EFEFEF 1px solid;}
.about03 .contact ul li .text { text-align:center; font-size:14px; margin-top:30px; line-height:23px;  } 
.about03 .contact .map { text-align:center; }




.contact { margin-top:40px; padding-bottom:60px;  margin-left:auto; margin-right:auto;  }
.contact .col01 { width:560px; float:left; padding-left:40px;  }
.contact .col02 { width:560px; float:right;  }
.contact .title { font-size:16px; height:30px; line-height:30px; color:#676767 }
.contact .title span { color:red;  }

.contact .txtbox { border:#0098e2 1px solid; background-color:#fafafa; height:36px; line-height:36px; width:500px; border-radius:5px; font-size:14px; padding-left:10px; }
.button { text-align:left; margin-top:30px; }
.button input { height:36px; width:300px; line-height:36px; color:white; background-color:#0098e2; border:none; text-align:center; font-size:16px; border-radius:8px; cursor:pointer  }

.contact .codebox { border:#0098e2 1px solid; background-color:#fafafa; height:36px; line-height:36px; width:380px; border-radius:5px; font-size:14px; padding-left:10px; margin-right:20px; margin-top:10px; }
#canvas { border: 1px solid #eeeeee; border-radius: 2px; cursor: pointer;  width:100px; height:40px; margin-top:10px; }

.pagelink{ width:96%; margin-left:auto; margin-right:auto; margin-top:35px; text-align:right; font-family:"微软雅黑"; line-height:30px; }
.pagelink a.link{  padding:10px 15px; text-decoration:none; border:#dddddd 1px solid; color:#333333; text-align:center; font-size:14px; font-family:"微软雅黑" }
.pagelink a.link:hover{ padding:10px 15px;  text-decoration:none; border:#999999 1px solid; color:#333333; background:#EFEFEF; text-align:center; font-family:"微软雅黑"  }
.pagelink span.current{ padding:10px 15px;  border:#6bbc64 1px solid; background:#6bbc64; color:#ffffff; text-align:center; font-size:14px; font-family:"微软雅黑" }
.pagelink span.dotted{ padding:10px 15px;  color:#666666; border:#f3f3f3 1px solid; text-align:center; font-size:14px; font-family:"微软雅黑"}
.pagelink span.beginend{ padding:10px 15px;  border:#DEDEDE 1px solid; color:#cccccc; text-align:center; font-size:14px; font-family:"微软雅黑"}


/*网站底部*/
.footlink { background:#eeeeee; height:45px; line-height:45px; text-align:center; color:#535353; margin-top:50px; }
.footlink ul { width:1000px; margin-left:auto; margin-right:auto;  }
.footlink ul li { width:65px; height:45px; line-height:45px; float:left; text-align:center; font-size:14px; }

.footinfo { background:#252525; padding-bottom:20px; width:100%}
.footinfo .content { width:1200px; margin-left:auto; margin-right:auto; padding-top:40px; }
.footinfo .content .title { height:40px; line-height:40px; border-bottom:#4d4e50 1px solid; color:white; font-size:16px;  }
.footinfo .content .col01 { width:300px; float:left; }
.footinfo .content .col01 .about { line-height:28px; color:#999999; font-size:14px; margin-top:12px; width:320px; }
.footinfo .content .col02 { width:230px; float:left; margin-left:65px; }
.footinfo .content .col02 .hotline { font-size:26px; color:#21b1fb; margin-top:12px; }
.footinfo .content .col02 .text { font-size:14px; color:#999999; line-height:28px; margin-top:8px; }
.footinfo .content .col02 .contact { color:#999999;  margin-top:12px;   }
.footinfo .content .col02 .contact .addr { background:url(../Images/icon-address.png) no-repeat left top;  line-height:20px; padding-left:30px; font-size:14px; margin-top:8px; }
.footinfo .content .col02 .contact .phone { background:url(../Images/icon-tel.png) no-repeat left top;  line-height:25px;  padding-left:30px; font-size:14px; margin-top:8px;}
.footinfo .content .col03 { width:210px; float:left; margin-left:100px; }
.footinfo .content .col03 ul li { width:100px; float:left; height:50px; line-height:50px; }
.footinfo .content .col03 ul li a { font-size:14px;  color:#999999 }
.footinfo .content .col04 { width:140px; float:left; margin-left:150px; }
.footinfo .content .col04 .weixin { text-align:center; margin-top:10px;  }
.footinfo .friendlink {  width:1200px; margin-left:auto; margin-right:auto; line-height:28px; color:#999999;  margin-top:35px; }
.footinfo .friendlink a { color:#999999;  }
.copyright { background:#202020; height:80px; line-height:28px; text-align:center; color:#999999; padding-top:15px;  }